<template>
    <div class="game-card-detail">
        <iframe :src="src" frameborder="0" class="ifream" ref="ifream"></iframe>
    </div>
</template>

<script>
export default {
    data () {
        return {
            src: ''
        }
    },

    created () {
        let host = ''
        if (window.location.host === 'work.duodian.cn') {
            host = 'game.duodian.cn'
        } else {
            host = 'qugame.admore.com'
        }
        this.src = '//' + host + '/web/gameCard?listId=' + this.$route.query.id
    },

    mounted () {
    }
}
</script>

<style lang="scss" scoped>
    .game-card-detail {
        height: 100%;
        display: flex;
        padding-top: 50px;
        justify-content: center;
        .ifream {
            width: 377px;
            height: 640px;
            border: 1px solid #ccc;
         }
    }
</style>
